<!--
 * @Author: shaopeng 852118459@qq.com
 * @Date: 2024-04-22 17:38:14
 * @LastEditors: shaopeng 852118459@qq.com
 * @LastEditTime: 2024-04-22 22:21:12
 * @FilePath: /YouDian/src/components/custom/bluetoothdialog.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- 隐私授权对话框 -->
<template>
	<view class="comp-container">
		<view class="dialog d-flex-column a-center">
			<view class="desc">蓝牙配对中.....</view>
			<view class="desc">请操作任意面板开关</view>
			<view class="desc">（启动、自动、熄火）</view>

			<view class="count">{{ count }}s</view>

		</view>
	</view>
</template>
<script>
	export default {
		props:{

			count:{
				type:Number,
				default:10,
			}
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}


	};
</script>
<style lang="scss" scoped>
	.comp-container {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 0.6);
		z-index: 999;
	}

	.dialog {
		color: #333;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border-radius: 20rpx;
		padding: 50rpx 40rpx;
		width: 560rpx;
		box-sizing: border-box;

		.title {
			width: 100%;
			color: #000;
			text-align: center;
			font-size: 32rpx;
			font-weight: 650;
			box-sizing: border-box;
		}

		.desc {
			width: 100%;
			text-align: center;
			line-height: 40rpx;
			box-sizing: border-box;
			margin-top: 5px;
			font-size: 26rpx;
		}

		.count{
		 width: calc(100% - 30px * 2);
		 height: 45px;
		 line-height: 45px;
		 border: 1px solid #ededed;
		 border-radius: 6px;
		 text-align: center;
		 color: #377BF8;
		 font-size: 17px;
		 margin-top: 40px;
		}

	}
</style>